
<div style="display:none" class="list_box">
  <div class="list_filter_item">
    <ul class="list_filter_ul">
      <li class="current"><span>排序</span></li>
      <li class="arror_up"><span>价格</span></li>
      <li class="arror_down"><span>销量</span></li>
      <li><span>积分</span></li>
      <li class="checkbox">
        <input type="checkbox" id="type1"/>
        <label for="type1">仅显示有货</label>
      </li>
      <li class="checkbox">
        <input type="checkbox" id="type2"/>
        <label for="type2">仅显示促销</label>
      </li>
    </ul>
  </div>
  <div class="nofind"><i class="nofind_ico"></i>
    <div class="nofind_content">
      <p>很抱歉，无法筛选到您需要的商品。</p><a href="#" class="guide">清空筛选</a>
    </div>
  </div>
</div>
<div style="display:none" class="list_box">
  <div class="list_filter_item">
    <ul class="list_filter_ul">
      <li class="current"><span>排序</span></li>
      <li class="arror_up"><span>价格</span></li>
      <li class="arror_down"><span>销量</span></li>
      <li><span>积分</span></li>
      <li class="checkbox">
        <input type="checkbox" id="type1"/>
        <label for="type1">仅显示有货</label>
      </li>
      <li class="checkbox">
        <input type="checkbox" id="type2"/>
        <label for="type2">仅显示促销</label>
      </li>
    </ul>
  </div>
  <div class="nofind"><i class="nofind_ico"></i>
    <div class="nofind_content">
      <p>很抱歉，无法搜索到“xx”的商品。</p>
    </div>
  </div>
</div>
<div class="list_box">
  <div class="list_filter_item">
    <ul class="list_filter_ul">
      <li class="current"><span>排序</span></li>
      <li class="arror_up"><span>价格</span></li>
      <li class="arror_down"><span>销量</span></li>
      <li><span>积分</span></li>
      <li class="checkbox">
        <input type="checkbox" id="type1"/>
        <label for="type1">仅显示有货</label>
      </li>
      <li class="checkbox">
        <input type="checkbox" id="type2"/>
        <label for="type2">仅显示促销</label>
      </li>
    </ul>
    <div class="top_page"><span class="cur_page"> <span class="no_page">1</span>/3</span><span class="to_last_page">&lt;</span><span class="to_next_page">&gt;</span></div>
  </div>
  <div id="listItem" class="list_item">
    <ul>
      <li class="current"><a href="#" class="item_img"><img src="http://localhost:8090/resources/img/temp/550.jpg"/><i class="source source_jd"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
      <li><a href="#" class="item_img"><img src="/resources/img/temp/550.jpg"/><i class="source"></i></a>
        <div class="title"><a href="#">标题标题标题标题标题</a></div>
        <div class="price"><ins>10000</ins><i>元</i>&nbsp;+&nbsp;<ins>50</ins><i>积分</i><span class="preferential">优惠</span></div>
        <del class="market_price">市场价：32100元</del><span class="comments">23</span>
      </li>
    </ul>
  </div>
  <div class="list-pagine f-page pdb-15"><a href="javascript:;" class="disabled f-prev"><i>&lt; 上一页</i></a><span class="pspan current">1</span><a href="javascript:;">2</a><a href="javascript:;">3</a><span class="dot">...</span><a href="javascript:;" class="f-next">下一页<i>&gt;</i></a>
    <div class="form"><span>到第</span>
      <input type="number" value="2" class="input"/><span>页</span>
    </div><a href="javascript:;" class="sub-btn">确定    </a>
  </div>
</div>